<template>
  <div class="top-swiper">
    <swiper>
      <swiper-item>
        <a href="">
          <img src="~assets/img/home/swiper/swiper1.jpg" alt="" />
        </a>
      </swiper-item>
      <swiper-item>
        <a href="">
          <img src="~assets/img/home/swiper/swiper2.jpg" alt="" />
        </a>
      </swiper-item>
      <swiper-item>
        <a href="">
          <img src="~assets/img/home/swiper/swiper3.jpg" alt="" />
        </a>
      </swiper-item>
    </swiper>
  </div>
</template>

<script>
import { swiper, swiperItem } from "components/common/swiper";

export default {
  name: "TopSwiper",
  components: {
    swiper,
    swiperItem,
  },
  data() {
    return {};
  },
};
</script>

<style scoped>
.top-swiper {
  padding: 63px 80px;
}
</style>